<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
    <head>
        <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
        <style type="text/css">
            /*
            a:link {
                color:#aaeeaa:;
            }

            a.red:visited {
                color:#FF0000;
            }

            a:hover {
                color:#FF00FF;
            }

            a:active {
                color:#ffFF00;
            }
            */

            p:first-child {
                color:#E000E0;
            }

            li:first-child {
                color:blue;
            }

            div.abc > p > i:first-child {
                color:blue;
            }

            input:focus {
                background-color:#ececec;
            }

            p:first-letter {
                color:red;
                font-size:150%;
            }

            div.none {
                display:none;
            }
            p:first-line {
                /* color:#00E0EF; */
            }

        </style>
        <title></title>
    </head>
    <body>
<p>        The first words of an articleThe first words of an articleThe first words of an articleThe first words of an articleThe first words of an articleThe first words of an articleThe first words of an articlehe first words of an article.</p>

                <p>some text</p>
                <p>some text</p>
                <p>some text</p>
                <a href="http://localhost/">here the link text</a>
                <br />
                <a href="http://localhost/" class="red">here the link text</a>
        <p>some text</p>
        <ul>
            <li>list element</li>
            <li>list element</li>
            <li>list element</li>
            <li>list element</li>
        </ul>

        <div class="abc">
            <p>some <i>text</i> some text <i>some</i> text </p>
            <p>some <i>text</i> some text <i>some</i> text </p>
            <p style="font-size:30px;">some text some text some text </p>
        </div>

        <div>
            <p>some <i>text</i> some text <i>some</i> text </p>
            <p>some <i>text</i> some text <i>some</i> text </p>
            <p>some text some text some tsome text some text some tsome text some text some tsome text some text some tsome text some text some tsome text some text some tsome text some text some tsome text some text some tsome text some text some tsome text some text some tome text some text some text </p>
        </div>
        <hr />

        <form method="get" action="abc.asp">
            username:
            <input id="username" name="" type="text" />
            <br />
            password:
            <input id="password" name="" type="password" />
            <br />
            <input type="submit" value="OK" />
        </form>

        <hr />
        
    </body>
</html>
